摘要|GraphQL Server Basics The Network Layer

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 365 | 阅读时长 ≈ 2

#GraphQL Server Basics: The Network Layer
GraphQL Server Basics: The Network Layer

Graphql 通过 HTTP协议提供服务

以 schema 为核心,定义好了以后后端的 schema和 resolver 之后, 如何实现 Graphql 就是问题了

express.js 的中间件

Express 中间件接收req,res,next函数.
因为 express 可以处理 http 请求, Graphql 定义的 schema 和 resolver 提供了功能, 需要的就是把他们粘合起来

中间的桥梁有express-grahpql,apollo-server.本质上他们都是 express 的中间件

GraphQL 中间件

GraphQL 结合了 HTTP请求和 Graphlql.js
express-grahpql是 facebook 版本的 GraphQL的中间件,主要有两个作用:

  1. 解析请求中的查询和 mutate, 转发给 graphql函数,最终做处理
  2. 把结果附加到 res对象,返回给客户端
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
const express = require('express')
const graphqlHTTP = require('express-graphql')
const { GraphQLSchema, GraphQLObjectType, GraphQLString } = require('graphql')

const app = express()

const schema = new GraphQLSchema({
  query: new GraphQLObjectType({
  name: 'Query',
  fields: {
    hello: {
      type: GraphQLString,
      resolve: (root, args, context, info) => {
        return 'Hello World'
      }
    }
  }
})

app.use('/graphql', graphqlHTTP({
  schema,
  graphiql: true // enable GraphiQL
}))

app.listen(4000)
apollo-server 与 express-graphql 类似

两者类似, apollo-server 提供了对更多框架的支持而已.

graphql-yoga

这是最容易使用的,就是 Graphql 背后的中间件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const { GraphQLServer } = require('graphql-yoga')

const typeDefs = `
  type Query {
    hello: String!
  }
`

const resolvers = {
  Query: {
    hello: (root, args, context, info) => 'Hello  World'
  }
}

const server = new GraphQLServer({ typeDefs, resolvers })
server.start() // defaults to port 4000